<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>登录失败</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">
        body {
            background-color: #f5f5f5;
            font-family: Arial, sans-serif;
        }

        .container {
            margin: 0 auto;
            padding: 20px;
            max-width: 800px;
            text-align: center;
        }

        h1 {
            font-size: 48px;
            font-weight: bold;
            margin-bottom: 20px;
        }

        p {
            font-size: 24px;
            margin-bottom: 20px;
        }

        .link {
            color: blue;
        }

        .link:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
<div class="container">
    <h1>登录失败</h1>
    <p>输入信息不合法，请检查后重试！</p>
    <p>还有 <span id="countdown">5</span> 秒后自动跳转首页重新登录...</p>
    <script type="text/javascript">
        var countdown = 5;
        var countdownElement = document.getElementById("countdown");
        var intervalId = setInterval(function() {
            countdown--;
            countdownElement.innerText = countdown.toString();
            if (countdown <= 0) {
                clearInterval(intervalId);
                window.location.href = "index.jsp";
            }
        }, 1000);
    </script>
</div>
</body>
</html>
